<template>
  <view class="about-amsp">
    <!-- 返回按钮 -->
    <tn-button 
      backgroundColor="tn-bg-left" 
      style="color: black; position: absolute; left: 5%; top: 10%; width: 35px; height: 35px; font-size: 25px;" 
      :border="false" 
      @click="handleReturn"
    >
      <text class="tn-icon-left"></text>
    </tn-button>
    
    <!-- 页面标题 -->
    <view class="page-title">关于AMSP</view>

    <!-- 公司介绍 -->
    <view class="company-description">
      <view class="description-title">AMSP公司简介</view>
      <view class="description-content">
        AMSP（艾美思普科技有限公司）致力于软件开发、网络安全解决方案、人工智能应用等领域的创新与研发。公司成立于2024年，总部位于深圳市。通过不懈努力和技术突破，AMSP力求在智能硬件、AI软件及网络安全行业中占据领先地位。
      </view>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    // 返回设置页面
    handleReturn() {
      uni.navigateBack({ delta: 1 });
    }
  }
};
</script>

<style scoped>
.about-amsp {
  padding: 20px;
  background-color: #f8f8f8;
  height: 100%;
}

.page-title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  color: #333;
  font-family: "宋体", SimSun, sans-serif; /* 修改字体为宋体 */
}

.company-description {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-top: 30px;
}

.description-title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
  font-family: "宋体", SimSun, sans-serif; /* 修改字体为宋体 */
}

.description-content {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  font-family: "宋体", SimSun, sans-serif; /* 修改字体为宋体 */
}
</style>